<!DOCTYPE html>
<html lang="en">
<head>
    <title>广联官方网站 服务中心 门店查询</title>
    <link rel="stylesheet" href="/guanglianstatic/css/introduction.css"/>
    <script src="/guanglianstatic/base/baseCss.js"></script>
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">

    <style>
        #container {
            width: 100%;
            height: 100%;
        }

        .amap-icon img,
        .amap-marker-content img {
            width: 25px;
            height: 34px;
        }

        .marker {
            position: absolute;
            top: -20px;
            right: -118px;
            color: #fff;
            padding: 4px 10px;
            box-shadow: 1px 1px 1px rgba(10, 10, 10, .2);
            white-space: nowrap;
            font-size: 12px;
            font-family: "";
            background-color: #25A5F7;
            border-radius: 3px;
        }

        .store-warp {
            width: 100%;
            background-color: #fff;
        }

        .store-map {
            width: 100%;
            height: 500px;
            padding: 0 60px 60px 60px;
        }

        .address-select-warp {
            width: 100%;
            background-color: #003ca8;
            padding: 40px 30px;
            display: flex;
        }

        .address-select-item {
            width: 280px;
            height: 50px;
            margin-right: 70px;
        }

        .address-main {
            width: 100%;
            height: 400px;
            padding: 20px 90px 40px 90px;
            overflow-y: auto;
        }

        .address-content {
            background-color: #fff;
            cursor: pointer;
            margin-bottom: 20px;
            padding: 20px;
            border-bottom: 1px solid #f0f0f0;
        }

        .address-content:hover{
            background-color: #003594;
            color: #fff;
            transition: 0.5s;
        }

        .address-title {

        }

        .address {
            padding-top: 10px;
        }

        .layui-form-select .layui-input {
            height: 50px;
        }

        .layui-form-select dl dd.layui-this {
            background-color: #0066ff;
        }

        .store-title-wrap{
            width: 100%;
            padding-bottom: 70px;
        }
    </style>
</head>
<body class="shelley-zh-CN shelley-pc" style="background-color: #F2F2F2;">
<!--导航条-->
<nav id="site-header" class="dui-navbar site-header collapsed"></nav>

<!--选择条-->
<section class="navbar-category-wrap">
    <div class="header-item">
        <div class="header-auto">
            <div class="header-en">GL-SHARES</div>
        </div>
    </div>
    <div class="introduction-nav">
        <div class="introduction-nav-wrap">
            <ul class="introduction-navbar-category" style="margin-bottom: 0;">
                <li data-load-lazyr="false" class="introduction-category-item category-tag-item">
                    <a href="/storeQuery" target="_self" >服务中心</a>
                </li>
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/storeQuery" target="_self" class="tag-item">门店查询</a>
                </li>
            </ul>
            <ul class="introduction-navbar-category" style="margin-bottom: 0;">
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/storeQuery" target="_self" class="bottom-line">门店查询</a>
                </li>
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/afterSales" target="_self">售后服务</a>
                </li>
            </ul>

        </div>
    </div>
</section>

<!--门店查询-->
<section class="homepage-child-module" style="margin-top: 100px;padding-bottom: 100px;">
        <div class="introduce-title" style="width: 1200px;padding-left: 20px;">
            <div class="store-title-wrap">
                <div style="font-size: 12px">GL-SHARES</div>
                <h1 style="font-weight: bold;margin: 20px 0 30px 0;">寻找你身边的门店</h1>
                <div style="font-size: 14px;">广联科技旗下旗舰门店，旨在为消费者提高更好的产品，更专业的服务以及最全面的车生活解决方案。</div>
            </div>


            <div class="store-warp">
                    <div class="store-main">
                        <div class="address-select-warp">
                            <div class="address-select-item">
                                <div class="layui-form" style="margin: 0;">
                                    <div class="layui-form-item" style="margin: 0;">
                                        <div class="layui-input-block" style="margin: 0;">
                                            <select id="province" name="province" lay-verify="required"
                                                    lay-filter="province">
                                                <option value="0">请选择</option>
                                                <% for(var i=0;i
                                                <province.length
                                                        ;i++){ %>
                                                    <option value="<%=province[i].province_code%>">
                                                        <%=province[i].province_name%>
                                                    </option>
                                                    <% } %>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="address-select-item">
                                <div class="layui-form" style="margin: 0;">
                                    <div class="layui-form-item" style="margin: 0;">
                                        <div class="layui-input-block" style="margin: 0;">
                                            <select id="city" name="city" lay-verify="required"
                                                    lay-filter="city">
                                                <option value="0">请选择</option>
                                                <% for(var i=0;i
                                                <city.length
                                                        ;i++){ %>
                                                    <option value="<%=city[i].id%>"><%=city[i].province_name%>
                                                    </option>
                                                    <% } %>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="address-main"></div>
                    </div>
                    <div class="store-map">
                        <div id="container"></div>
                    </div>
                </div>

        </div>




</section>

<!--底部-->
<footer id="site-footer" class="site-footer dji-edit-module"></footer>


<script src="/guanglianstatic/base/base.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=ce140d060bdc2017dfddcb1239e834a5"></script>
<script type="text/javascript" src="/layuiadmin/layui/layui.js"></script>
<script src="/guanglianstatic/js/storeQuery.js"></script>

</body>
</html>